.page{
  //position: absolute;
  //width: 100%;
  //height: 100%;
  //overflow-x: hidden;
  //overflow-y: auto;
  padding-bottom: 200rpx;
 height: 472;

}
.head{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 193.6rpx;
	 
	align-items: center;
	background: url('../../../static/background.jpg');
	
	padding: 0 15px;
	.head1{
		  position: fixed;
		  top: 88rpx;
		  left: 0;
		  right: 0;
		  z-index: 999;
		   height: 88rpx;
		   display: flex;
		   align-items: center;
		   
		  
		   text{
		   		  font-size: 30rpx;
				  font-weight: bold;
		   }
		   text:first-child{z-index: 999;
		   		  margin-left: 30rpx;
				   font-size: 30rpx;
		   }
	  }
	  
}
.main{
	width: 100%;

	position: fixed;
	top: 193.6rpx;
	.top{
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.36) 0%, rgba(51, 202, 165, 0.36) 100%);
		.banner{
			
			image{
				width: 100%;
				height: 279rpx;
			};
		}
		.title{
			font-weight: bold;
			font-size: 32rpx;
			padding: 34.88rpx 33.19rpx 15.7rpx 33.19rpx;
		}	
	}
	
	.content {
	    width: 750rpx;
	    
	    background: #f3f3f3;
	    padding: 0 13.95rpx;
	    overflow: hidden; /* 确保外层不出现滚动条 */
		.border {
		    padding: 0 17.44rpx;
			
		    overflow-y: auto; /* 允许竖直方向滚动 */
		    border-radius: 7rpx;
		    box-shadow: 0 0 10.47rpx 0 rgba(0, 0, 0, 0.16);
		    background-color: #fff;
		    border: 1rpx solid #000000;
		    max-height: 100%; 
			font-size: 20.93rpx;
		}
	}
	
		.container {
			position: fixed;
			bottom:  122.09rpx;
			margin-top: auto;
			padding: 0 13.95rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.item {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-bottom: 27.9rpx;
				
				font-size: 17.44rpx;
				font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
				font-weight: 400;
				text-align: left;
				color: #646464;
				.text1 {
					
					font-size: 17.44rpx;
					font-family: Microsoft JhengHei UI, Microsoft JhengHei UI-Regular;
					font-weight: 400;
					text-align: left;
					color: #646464;
				}
					
				
			}
				
		}
	
		
		

	.footer{
		width: 100%;
		height: 122.09rpx;
		background: #ffffff;
		padding:   34.88rpx  80.23rpx;
		justify-content: space-between;
		position: fixed;
		bottom: 0rpx;
		display: flex;
		flex: 1;
		text-align: center;
		color: #fff;
		line-height: 52.33rpx;
		.next{
			
			height: 52.33rpx;
			width: 174.42rpx;
			
			border-radius: 26.16rpx;
			background: #43d534;
			border-radius: 26.16rpx;
			text-align: center;
			
			padding:0 30rpx ;
			font-size: 20.93rpx;
		}
		.cancel{
			width: 174.42rpx;
			height: 52.33rpx;
			background: #646464;
			border-radius: 26.16rpx;
			text-align: center;
			padding:0 40rpx ;
			font-size: 20.93rpx;
			opacity: 0.3;
		}
		.cancel:first-child{
			
		}
	}
}